<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Metro Fit Contact</title>

    <!-- load stylesheets -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">  <!-- Google web font "Open Sans" -->
    <link rel="stylesheet" href="font-awesome-4.5.0/css/font-awesome.min.css">                <!-- Font Awesome -->
    <link rel="stylesheet" href="css/bootstrap.min.css">                                      <!-- Bootstrap style -->
    <link rel="stylesheet" href="css/magnific-popup.css">                                 <!-- Magnific popup style (http://dimsemenov.com/plugins/magnific-popup/) -->
    <link rel="stylesheet" href="css/templatemo-style.css">                                   <!-- Templatemo style -->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
          <![endif]-->
</head>

    <body>
        <!-- Header gallery -->
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <section class="tm-header-gallery">
                        
                        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 tm-pad-0">
                            <a href="img/img-21-04.jpg">
                                <img src="img/img-21-04.jpg" alt="Image" class="img-fluid tm-header-img">    
                            </a>                         
                        </div>
                        
                        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 tm-pad-0">
                            
                            <div class="tm-site-name">
                                <h1 class="text-uppercase tm-site-name-h1">chillcool</h1>
                                <h2 class="tm-site-name-h2">by J&Y</h2>    
                            </div>
                            
                            <img src="img/logo-bg.jpg" alt="Image" class="img-fluid tm-header-img">
                        </div>
                                        
                        <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 tm-pad-0">
                            <a href="img/img-21-02.jpg">
                                <img src="img/img-21-02.jpg" alt="Image" class="img-fluid tm-header-img">        
                            </a>                       
                        </div>                
                        
                    </section>
                </div>
            </div>                
        </div>    

            <div class="row tm-contact-form-row">
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 col-xl-12 tm-contact-form-col-left">
                   
                    <form action="addh" method="post" class="tm-contact-form">
                    
                        <div class="form-group">
                            <input type="text" id="contact_name" name="itemName" class="form-control" placeholder="itemName"  required/>
                        </div>
                        <div class="form-group">
                            <input type="text" id="contact_name" name="place" class="form-control" placeholder="Place"  required/>
                        </div>
                        <div class="form-group">
                            <input type="text" id="contact_name" name="itemTime" class="form-control" placeholder="Time"  required/>
                        </div>
                          
                        
                        <div class="form-group">
                            <textarea id="contact_message" name="details" class="form-control" rows="6" placeholder="Details" required></textarea>
                        </div>    
                        <input type="radio" name="down" value="true" checked>GET!
                        <input type="radio" name="down" value="false" >nope...
                        <br/>
                        <br>
                        <div class="form-group">
                            <button type="submit" class="pull-xs-left tm-submit-btn">Submit</button>
                        </div>
                        
                    </form>  
                </div>

                <!-- Google Map -->
                
            </div>
           

</body>
</html>
